<template>
	<div class="lines">
		<h3>{{ title }}</h3>
		<div class="area">
			<p v-for="line in lines" :key="line">
				{{ line }}
			</p>
		</div>
	</div>
</template>

<script>
export default {

	props: {
		title: String,
		lines: Array
	},

	data() {
		return {

		}
	}
}
</script>

<style lang="scss" scoped>
.lines {
	width: 95%;
	margin: 0 auto 20px auto;
}

.area {
	margin: 5px auto 5px auto;
	padding: 7px 10px;
	background: #DEE4EA;
	border-radius: 12px;
	font-size: 22px;
}
</style>